:root {
  /* Arco Design 颜色系统 */
  --el-color-primary: #165DFF; /* Arco 主品牌色 */
  --el-color-primary-light-1: #4080FF;
  --el-color-primary-light-2: #699DFF;
  --el-color-primary-light-3: #4080FF;
  --el-color-primary-light-4: #69a0f1;
  --el-color-primary-light-5: #BDD7FF;
  --el-color-primary-dark-1: #0E42D2;
  --el-color-primary-dark-2: #072CA6;
  --el-color-primary-dark-3: #031A79;

  --el-color-success: #00B42A; /* Arco 成功色 */
  --el-color-success-light-1: #23C343;
  --el-color-success-light-2: #4CD263;
  --el-color-success-light-3: #23C343;
  --el-color-success-light-4: #ABF0AE;
  --el-color-success-light-5: #DBF8DC;
  --el-color-success-dark-1: #009A29;
  --el-color-success-dark-2: #008026;
  --el-color-success-dark-3: #006622;

  --el-color-warning: #FF7D00; /* Arco 警告色 */
  --el-color-warning-light-1: #FF9A2E;
  --el-color-warning-light-2: #FFB65D;
  --el-color-warning-light-3: #FFCD8B;
  --el-color-warning-light-4: #FFE4BA;
  --el-color-warning-light-5: #FFF7E8;
  --el-color-warning-dark-1: #E3730D;
  --el-color-warning-dark-2: #BE5A00;
  --el-color-warning-dark-3: #9A4200;

  --el-color-danger: #F53F3F; /* Arco 错误色 */
  --el-color-danger-light-1: #F76560;
  --el-color-danger-light-2: #F98981;
  --el-color-danger-light-3: #FBACA3;
  --el-color-danger-light-4: #FDCDC5;
  --el-color-danger-light-5: #FFECE8;
  --el-color-danger-dark-1: #CB2634;
  --el-color-danger-dark-2: #A1151E;
  --el-color-danger-dark-3: #770813;

  /* Arco 中性色系统 */
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-gray-1: #F7F8FA; /* 最浅灰 */
  --el-color-gray-2: #F2F3F5; /* 浅灰 */
  --el-color-gray-3: #E5E6EB; /* 边框灰 */
  --el-color-gray-4: #C9CDD4; /* 禁用灰 */
  --el-color-gray-5: #A9ADB2; /* 占位符灰 */
  --el-color-gray-6: #86909C; /* 次要文本 */
  --el-color-gray-7: #4E5969; /* 常规文本 */
  --el-color-gray-8: #1D2129; /* 主要文本 */
  --el-color-gray-9: #17171A; /* 最深灰 */

  /* Arco 背景色系统 */
  // --el-bg-color: #F7F8FA; /* 页面背景 */
  // --el-bg-color-page: #FFFFFF; /* 内容背景 */
  // --el-bg-color-overlay: #FFFFFF; /* 浮层背景 */
  // --el-bg-color-container: #FFFFFF; /* 容器背景 */
  // --el-bg-color-container-disabled: #F2F3F5; /* 禁用容器背景 */

  /* Arco 边框色系统 */
  --el-border-color: #E5E6EB; /* 默认边框 */
  --el-border-color-light: #F2F3F5; /* 浅边框 */
  --el-border-color-lighter: #F7F8FA; /* 更浅边框 */
  --el-border-color-extra-light: #FAFBFC; /* 极浅边框 */
  --el-border-color-dark: #C9CDD4; /* 深边框 */
  --el-border-color-darker: #A9ADB2; /* 更深边框 */

  /* Arco 文本颜色系统 */
  --el-text-color-primary: #1D2129; /* 主要文本 */
  --el-text-color-regular: #4E5969; /* 常规文本 */
  --el-text-color-secondary: #86909C; /* 次要文本 */
  --el-text-color-placeholder: #C9CDD4; /* 占位符文本 */
  --el-text-color-disabled: #A9ADB2; /* 禁用文本 */

  /* Arco 字体系统 */
  --el-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --el-font-size-display-1: 38px;
  --el-font-size-display-2: 30px;
  --el-font-size-display-3: 24px;
  --el-font-size-title-1: 20px;
  --el-font-size-title-2: 18px;
  --el-font-size-title-3: 16px;
  --el-font-size-body-1: 14px;
  --el-font-size-body-2: 13px;
  --el-font-size-body-3: 12px;
  --el-font-size-caption: 12px;

  /* Arco 字重系统 */
  --el-font-weight-bold: 600;
  --el-font-weight-medium: 500;
  --el-font-weight-regular: 400;

  /* Arco 行高系统 */
  --el-line-height-display: 1.2;
  --el-line-height-title: 1.4;
  --el-line-height-body: 1.5;

  /* Arco 边框系统 */
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-radius-none: 0;
  --el-border-radius-small: 2px;
  --el-border-radius-medium: 4px;
  --el-border-radius-large: 6px;
  --el-border-radius-circle: 50%;

  /* Arco 阴影系统 */
  --el-box-shadow-none: none;
  --el-box-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.05);
  --el-box-shadow-2: 0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.05);
  --el-box-shadow-3: 0 4px 8px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.05);
  --el-box-shadow-4: 0 8px 16px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.05);
  --el-box-shadow-5: 0 16px 32px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.05);

  /* Arco 间距系统 */
  --el-spacing-none: 0;
  --el-spacing-1: 4px;
  --el-spacing-2: 8px;
  --el-spacing-3: 12px;
  --el-spacing-4: 16px;
  --el-spacing-5: 20px;
  --el-spacing-6: 24px;
  --el-spacing-7: 32px;
  --el-spacing-8: 40px;
  --el-spacing-9: 48px;
  --el-spacing-10: 64px;

  /* Arco 动画系统 */
  --el-transition-duration-fast: 0.1s;
  --el-transition-duration-base: 0.2s;
  --el-transition-duration-slow: 0.3s;
  --el-transition-function-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --el-transition-function-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --el-transition-function-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --el-transition-function-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
}
